<script lang="ts" setup>
import { onMounted } from 'vue'
import useStore from '@/stores'

// 获取数据
const { homeStore } = useStore()

onMounted(() => {
    homeStore.getUserProfile()
})
</script>
<template>
    <!-- ClientOnly包含组件，只会在客户端渲染 -->
    <ClientOnly>
        <NavPc />
        <div class="pr wrapper">
            <img :src="homeStore.bg" class="wrap-bg" alt="页面背景">
            <NavSidePc />
            <SideFloat />
            <PageIndex />
            <PageNews />
            <PageApplet />
            <PagePicture />
            <PageSelling />
            <img :src="homeStore.pageIndex.arrow" class="pf arrow" alt="">
            <Pop />
        </div>
    </ClientOnly>
</template>

<style lang="scss" scoped>
@import '@/assets/styles/home_pc.scss';
</style>
